import { html } from 'lit';

// prettier-ignore
export const YoutubeVideoTooltip = html`<svg width="170" height="106" viewBox="0 0 170 106" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip0_1_2)">
<path d="M168 0H2C0.89543 0 0 0.89543 0 2V104C0 105.105 0.89543 106 2 106H168C169.105 106 170 105.105 170 104V2C170 0.89543 169.105 0 168 0Z" fill="white"/>
<path d="M168 0H2C0.89543 0 0 0.89543 0 2V104C0 105.105 0.89543 106 2 106H168C169.105 106 170 105.105 170 104V2C170 0.89543 169.105 0 168 0Z" fill="white"/>
<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0em"><tspan x="10" y="18.2728">Embed a YouTube video.</tspan></text>
<path d="M172.561 28H10C8.89543 28 8 28.8954 8 30V120C8 121.105 8.89543 122 10 122H172.561C173.666 122 174.561 121.105 174.561 120V30C174.561 28.8954 173.666 28 172.561 28Z" fill="url(#pattern0_1_2)"/>
<path d="M172.561 28H10C8.89543 28 8 28.8954 8 30V120C8 121.105 8.89543 122 10 122H172.561C173.666 122 174.561 121.105 174.561 120V30C174.561 28.8954 173.666 28 172.561 28Z" fill="black" fill-opacity="0.2"/>
<path d="M104.691 68.8597C104.538 68.2666 104.24 67.7259 103.828 67.2914C103.415 66.8569 102.901 66.5438 102.337 66.3833C100.273 65.7911 91.9673 65.7911 91.9673 65.7911C91.9673 65.7911 83.6609 65.8091 81.5972 66.4012C81.0334 66.5618 80.5195 66.8749 80.1066 67.3094C79.6936 67.7439 79.3961 68.2846 79.2436 68.8777C78.6193 72.7357 78.3772 78.6144 79.2607 82.3181C79.4133 82.9112 79.7108 83.4519 80.1237 83.8863C80.5367 84.3208 81.0506 84.6339 81.6143 84.7944C83.6781 85.3866 91.9842 85.3866 91.9842 85.3866C91.9842 85.3866 100.29 85.3866 102.354 84.7944C102.918 84.6339 103.432 84.3208 103.845 83.8864C104.257 83.4519 104.555 82.9112 104.708 82.3181C105.366 78.4546 105.569 72.5795 104.691 68.8597Z" fill="#FF0000"/>
<path d="M89.1812 79.7879L96.1796 75.5889L89.1812 71.3899V79.7879Z" fill="white"/>
</g>
<defs>
<pattern id="pattern0_1_2" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_1_2" transform="matrix(0.0061891 0 0 0.0128205 -0.00131663 0)"/>
</pattern>
<clipPath id="clip0_1_2">
<rect width="170" height="106" fill="white"/>
</clipPath>
<image id="image0_1_2" width="162" height="78" xlink:href=""/>
</defs>
</svg>
`;
